<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <title>供应详情页</title>
        <jsp:include page="../lbi/css.jsp"></jsp:include>
        <link rel="stylesheet" href="<c:url value="/static/css/supply_details.css"/>" />
    </head>

    <body>
        <div class="wrap">
            <!-- 头部开始-->
            <jsp:include page="../lbi/head.jsp"></jsp:include>
            <!-- 头部结束-->
            
            <!--内容开始-->
            <div class="content">
                <div class="product-wrap  common">

                    <div class="breadcrumb">
                        您的位置：
                        <a href="index.html">首页</a>&gt;
                        <a>供求信息</a>&gt;
                        <a>废纸</a>&gt;
                        <a>混合复合废纸</a>&gt;
                        <a>废纸金属复合纸</a>&gt;
                        <a>供应白色淋膜纸</a>
                    </div>

                    <div class="product-info clearfix">
                        <div class="product-info-left fl">
                            <!--商品图片信息开始-->
                            <div class="img-info">
                                <div class="img-info-l fl">
                                <div class="gallery">
                                    <div class="booth">
                                        <a class="img-mid"><img src="static/img/item00.png" height="100%" width="100%"></a>
                                        <div class="zoom-img" style="display: none; left:150px; top: 0px;"></div>
                                    </div>
                                    <div class="big-img" style="display: none;">
                                       <img src="static/img/item00.png" style="margin-left: -460px; margin-top: 0px;">
                                    </div>
                                    <div class="lit-img">
                                        <div class="side-main">
                                            <ul class="thumb clearfix" style="width:384px; left:0px;">
                                                <c:forEach items="${SupplydemandimgVo}" var="SupplydemandimgVo">
                                                    <li class="current">
                                                        <a>
                                                            <img src="http://qiniudns.zaishengwang.com/${SupplydemandimgVo.img}" data-src="http://qiniudns.zaishengwang.com/${SupplydemandimgVo.img}" width="60" height="60">
                                                        </a>
                                                    </li>
                                                    </c:forEach>
                                                </ul>
                                        </div>
                                        <span class="btn btn-l block icon"></span>
                                        <span class="btn btn-r block icon"></span>
                                    </div>
                                </div>
                                </div>
                                <div class="img-info-r fl">
                                    <div class="title">${supplydemandVo.title}</div>
                                    <div class="price-wrap">
                                        <ul class="clearfix">
                                            <c:if test="${supplydemandVo.target==1}">
                                               <li>单价：
                                                        电议
                                                </li>
                                            </c:if>
                                            <c:if test="${supplydemandVo.target==2}">
                                                <li>单价：
                                                    ${supplydemandVo.price}
                                                </li>
                                            </c:if>
                                            <li>数量：${supplydemandVo.num}${supplydemandVo.company}</li>
                                            <li>类型：
                                                <c:if test="${supplydemandVo.type==1}">
                                                     现货供应
                                                </c:if>
                                                <c:if test="${supplydemandVo.type==2}">
                                                     现货求购
                                                </c:if>
                                            </li>
                                            <li>运送方式：
                                                <c:if test="${supplydemandVo.mode==1}">
                                                     送货上门
                                                </c:if>
                                                <c:if test="${supplydemandVo.mode==2}">
                                                     上门自提
                                                </c:if>
                                            </li>
                                            <li>发布日期：${supplydemandVo.createTime.substring(0, 10)}</li>
                                            <li>有效期：${supplydemandVo.deadline}/天</li>
                                            <li style="width:100%;">库存地址：${supplydemandVo.provinceName}${supplydemandVo.address}</li>
                                        </ul>
                                    </div>
                                    <div class="collect icon">收藏货品</div>
                                    <div class="ask-btn">
                                        <a class="qq-btn">在线QQ交谈</a>
                                        <a class="words-btn">询盘留言</a>
                                    </div>
                                </div>
                            
                            </div>
                            <!--商品图片信息结束-->
                            <!--商品列表信息开始-->
                            <div class="list-detail">
                                <h3>产品信息描述</h3>
                                    <div>
                                        ${supplydemandVo.content}
                                    </div>
                                    
                                </div>
                            
                            <!--商品列表信息结束-->

                        </div>
                        <div class="product-info-right fr">
                            <!--卖家信息开始-->
                            <div class="seller-info">
                                <h3>卖家信息</h3>
                                <div class="c-name">兴化市红盛化纤有限公司  <span class="selected-color">【已认证】</span> </div>
                                
                                <dl><dt>公司主营：</dt><dd>回收供应废纸板、纸箱</dd></dl>
                                <dl><dt>诚信指数：</dt><dd>85</dd></dl>
                                <dl><dt>联系人：</dt><dd>蒋先生</dd></dl>
                                <dl><dt>地址：</dt><dd style="width:185px;">江苏省无锡江阴市周庄镇长寿康须路36号厂房</dd></dl>
                                
                                <div class="seller-btn clearfix">
                                        <a class="enter-btn fl">进入店铺</a>
                                        <a class="collect-btn fr">收藏卖家</a>
                                </div>
                                
                                <div class="check-btn">
                                    <a>查看联系方式</a>
                                </div>
                            
                            </div>
                            <!--卖家信息结束-->
                            <!--相关产品推荐开始-->
                            <div class="product-recommend">
                                <h3>相关供应信息推荐</h3>
                                <div class="product-content">
                                    <div class="product-list clearfix">
                                        <div class="product-list-l fl">
                                            <img src="static/img/item00.png" />
                                        </div>
                                        <div class="product-list-r fl">
                                            <h4 class="p-title">供应淋膜纸、包装纸、纸箱..</h4>
                                            <h4 class="p-price">价格：电仪</h4>
                                            <h4 class="p-num">数量：50吨</h4>
                                            <a class="detail-btn">查看详情</a>
                                        </div>
                                    </div>
                                        <div class="product-list clearfix">
                                        <div class="product-list-l fl">
                                            <img src="static/img/item00.png" />
                                        </div>
                                        <div class="product-list-r fl">
                                            <h4 class="p-title">供应淋膜纸、包装纸、纸箱..</h4>
                                            <h4 class="p-price">价格：电仪</h4>
                                            <h4 class="p-num">数量：50吨</h4>
                                            <a class="detail-btn">查看详情</a>
                                        </div>
                                    </div>
                                    <div class="product-list clearfix">
                                        <div class="product-list-l fl">
                                            <img src="static/img/item00.png" />
                                        </div>
                                        <div class="product-list-r fl">
                                            <h4 class="p-title">供应淋膜纸、包装纸、纸箱..</h4>
                                            <h4 class="p-price">价格：电仪</h4>
                                            <h4 class="p-num">数量：50吨</h4>
                                            <a class="detail-btn">查看详情</a>
                                        </div>
                                    </div>
                                        <div class="product-list clearfix">
                                        <div class="product-list-l fl">
                                            <img src="static/img/item00.png" />
                                        </div>
                                        <div  class="product-list-r fl">
                                            <h4 class="p-title">供应淋膜纸、包装纸、纸箱..</h4>
                                            <h4 class="p-price">价格：电仪</h4>
                                            <h4 class="p-num">数量：50吨</h4>
                                            <a class="detail-btn">查看详情</a>
                                        </div>
                                    </div>
                                        <div class="product-list clearfix">
                                        <div class="product-list-l fl">
                                            <img src="static/img/item00.png" />
                                        </div>
                                        <div class="product-list-r fl">
                                            <h4 class="p-title">供应淋膜纸、包装纸、纸箱..</h4>
                                            <h4 class="p-price">价格：电仪</h4>
                                            <h4 class="p-num">数量：50吨</h4>
                                            <a class="detail-btn">查看详情</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--相关产品推荐结束-->
                        </div>
                    </div>
                </div>
            </div>
            
            <!--报价弹层开始-->
            <div class="shadow shadow_words">
                <div class="confirm">
                    <div class="u_confirm_h">询盘留言<span class="cancel fr">×</span></div>
                    <div class="u_confirm_m">
                            <ul class="clearfix  w100-list">
                                            <li class="auto_h"><label><b class="warn-color">*</b>询盘标题：</label> <input type="text" class="w400 h35" id="inquiry_title" /></li>
                                            <li class="a1"><label></label> 建议标题简洁，突出询盘主题，优先获得回复！<span class="tips none" id="inquiry_titleError">标题不能为空</span></li>
                                            <li class="mt20"><label><b class="warn-color">*</b>询盘问题： </label>
                                            <select  class="w400 h35" id="inquiry_problem">
                                              <option value="0">我公司有意购买此产品，可否提供此产品的报价单和最小起订量？</option>
                                              <option value="1">我对贵公司的产品非常感兴趣，能否发一份公司详细资料给我参考！</option>
                                              <option value="2">请您发一份产品规格说明书，谢谢</option>
                                            </select>
                                            </li>
                                            <li class="auto_h mt20"><label></label>&nbsp;<textarea class="w400 h95" id="other_problem">输入补充问题</textarea></li>
                             </ul>
                    </div>
                    <div class="u_confirm_b clearfix m30">
                        <a href="javascript:void(0)" class="btn btn-blue sure auto" id="btn_send">发送留言</a>
                    </div>
                </div>
            </div>
            <!--内容结束-->
            <footer class="common">
                <div class="footer-top">
                    <ul>
                        <li class="plqq">
                            <span class="icon"></span>
                            <h1>品种规格齐全</h1>
                        </li>
                        <li class="zzbz">
                            <span class="icon"></span>
                            <h1>质量可靠保障</h1>
                        </li>
                        <li class="jgyz">
                            <span class="icon"></span>
                            <h1>价格占有优势</h1>
                        </li>
                        <li class="qqbt">
                            <span class="icon"></span>
                            <h1>缺钱可打白条</h1>
                        </li>
                        <li class="mfzc">
                            <span class="icon"></span>
                            <h1>免费找货找车</h1>
                        </li>
                    </ul>
                </div>
                <div class="footer-bottom">
                    <h1 class="common tc">Copyright©right;2018 www.zaishengwang.com Inc. All rights reserved</h1>
                    <h2 class="common tc">苏ICP证161025号 | 苏ICP备15001001号 | 再生网</h2>
                </div>
            </footer>

        </div>
        <script type="text/javascript" src="<c:url value="/static/js/plugin.js"/>"></script>
        <script type="text/javascript">
        $(document).ready(function(){
        	//导航高亮
        	$("#nav_main li").eq(3).addClass("selected-color");
            // 产品图片浏览
            $('.gallery').browsePro(75, 1, 300);
            // 放大镜
            $('.booth').zoom();
            // 晒图浏览图片
            $('.pro-photo').photosThumb();
            
            $('.words-btn').click(function() {
                $('.shadow_words').show();
            });
    
            $('.cancel').click(function() {
                $('.shadow').hide();
            });
            var bool =true;
            $("#inquiry_title").blur(function(){
                if(!$("#inquiry_title").val()){
                    $("#inquiry_titleError").removeClass("none");
                    bool=false;
                }else{
                    $("#inquiry_titleError").addClass("none");
                    bool =true;
                }
            })
            $("#btn_send").click(function(){
                //询盘标题
                var words = $("#inquiry_title").val();
                //询盘问题
                var problem = $("#inquiry_problem").val();
                //补充问题
                var other_problem = $("#other_problem").val();
                if(!words){
                    $("#inquiry_titleError").removeClass("none");
                    bool=false;
                }else{
                    $("#inquiry_titleError").addClass("none");
                    bool =true;
                }
                 if (bool == true) {
                    var f = arguments.callee,self =this;  //注：callee 属性是 arguments 对象的一个成员，他表示对函数对象本身的引用
                    $(self).unbind('click', f); //防止重复提交
                    console.log("this",this);
                    $.ajax({
                        type:"get",
                        url:"",
                        async:true,
                        success: function(data){
	                        if (data.msg == "1") {
	                            
	                        }else{
	                            $(self).click(f);
	                        }
                        }
                    });
                 }
            })
        })
        </script>
    </body>

</html>
